<!DOCTYPE HTML>
<html lang="utf-8">
<head>
<meta charset="utf-8">
<title>驾车宝典</title>
<title>驾车宝典-群组列表</title>
<link href="${ctx}/styles/group.css" rel="stylesheet" type="text/css">
<#include '/baseHead.ftl'>
<!--导航结束-->
<!-- 	@RequestMapping(value="/{cityNo}-{cateId}-{filter}-{pageNumber}")-->
<!--主要部分开始-->
<section id="main"><div class="bgA_01">
	
	<!--左边开始-->
	<div id="leftArea">
		
		<div class="groupPanel_02">
			<div class="titleField titleType_01">
				<p class="more">
					<!--<a href="#" title="更多">更多&gt;&gt;</a>-->
				</p>
				<h1>全部小组</h1>
			</div>
			<nav class="menuField">
				<ul>
					<!--
						<li><a <#if cateId == 0>class="on"</#if> href="<@groupListPageLink  cityNo="${cityNo}" cateId="0" filter="${filter}" pageNumber="${pageNumber}"/>" title="全部">全部</a></li>
					-->
					<#list categoryList as category>
					<li><a <#if cateId == category.cateId>class="on"</#if>  href="<@groupListPageLink  cityNo="${cityNo}" cateId="${category.cateId}" filter="${filter}" pageNumber="${pageNumber}" />" title="汽车">${category.cateName!}</a></li>
					</#list>
				</ul>
			</nav>
			<nav class="nTabField">
				<p class="count">全部共有${groupPage.totalCount?c}个小组</p>
				<ul>
				<!--
					<li><a class="on" href="#" title="我常去的">我常去的</a></li>
					<li><a href="#" title="我关注的事">我关注的事</a></li>
				-->-
					<!--<li><a  <#if filter == 0>style="background:#999"</#if>  href="<@groupListPageLink  cityNo="${cityNo}" cateId="${cateId}" filter="0" pageNumber="${pageNumber}"/>" title="全部">全部</a></li> -->s
					<!--<#if isLogin><li><a <#if filter == 1>style="background:#999"</#if> href="<@groupListPageLink  cityNo="${cityNo}" cateId="${cateId}" filter="1" pageNumber="${pageNumber}"/>" title="我管理的">我管理的</a></li></#if>-->
				</ul>
			</nav>
			<div class="listField">
				<ul>
					<#list groupPage.result as group>
					<li>
						<!-- <#macro groupDetailLink  groupId>${ctx}/group/detail/${groupId}</#macro> -->
						
						<div class="img"><a href="<@groupDetailLink groupId="${group.groupId?c}" />"><img src="${group.image!}" width="80" height="80" alt="${group.groupName!}"></a></div>
						<div class="text">
							<h2><a href="<@groupDetailLink groupId="${group.groupId?c}" />">${group.groupName!}</a></h2>
							<p>${group.groupDesc}</p>
						</div>
						<div class="info">
							<p class="name"><a href="<@groupDetailLink group.groupId?c />">${group.memberCount!} 个成员</a></p>
						</div>
					</li>
					</#list>
				</ul>
			</div>
			<div class="pageNumField">
				<p>
					<#if !groupPage.firstPage>
					<a href="<@groupListPageLink   cityNo="${cityNo}" cateId="${cateId}" filter="${filter}" pageNumber="1"  />">首页</a>
					</#if>
					<#if groupPage.hasPreviousPage>
					<a href="<@groupListPageLink   cityNo="${cityNo}" cateId="${cateId}" filter="${filter}" pageNumber="${pageNumber-1}"  /> ">上一页</a>
					</#if>
					<#list groupPage.getLinkPageNumbers() as item>
						<#if item_index==5> 
							<#break>
						</#if>
						<#if item == groupPage.thisPageNumber>
						<!--/{cityNo}-{cateId}-{filter}-{titleTypeId}-{pageNumber}-{orderBy} -->
							<a href="javascript:;" class="on">${item}</a>
						<#else>
								<a href="<@groupListPageLink   cityNo="${cityNo}" cateId="${cateId}" filter="${filter}" pageNumber="${item}"  />">${item}</a>
						</#if>
					</#list>
					<#if groupPage.hasNextPage>
					<a href="<@groupListPageLink   cityNo="${cityNo}" cateId="${cateId}" filter="${filter}" pageNumber="${pageNumber+1}"  />">下一页</a>
					</#if>
					<#if !groupPage.lastPage>
					<a  href="<@groupListPageLink   cityNo="${cityNo}" cateId="${cateId}" filter="${filter}" pageNumber="${groupPage.lastPageNumber?c}"  />">末页</a>
					</#if>
				</p>
			</div>
		</div>
	
	</div>
	<!--左边结束-->
	
	<!--右边开始-->
	<div id="rightArea">
			<#if isLogin>
			<#include  '/common/memberInfo.ftl' >
			<#else>
		<#include  '/common/rightMemberInfo.ftl' >
			</#if>
			<#if isLogin>
			<#include '/common/rightGroup.ftl'>
		<#else>
		</#if>
		<div class="dynamicPanel_01">
			<div class="titleField titleType_01">
				<p class="more">
					<!--<a href="#" title="更多">更多&gt;&gt;</a>-->
				</p>
				<h1>好友动态</h1>
			</div>
			<div class="listField">
				<ul>
					<#list fourMemberList as member> 
					<li>
						<div class="img"><a href="<@userCenterLink memberId="${member.memberId}" />" title="用户信息"><img src="${member.headImage!}" width="60" height="60" align="姬十三"></a></div>
						<div class="info">
							<p class="num">${member.fansCount?c}人关注</p>
							<h2 class="name"><a href="<@userCenterLink memberId="${member.memberId}" />" title="用户信息">${member.nickName!}</a></h2>
							<p class="text" title="">${member.signature!}</p>
						</div>
					</li>
					</#list>
				</ul>
			</div>
		</div>
		
		<div class="advPanel_02">
			<a href="#"><img src="${ctx}/images/pic_adv_03.jpg" width="263" height="194" alt=""></a>
		</div>
		
	</div>
	<!--右边结束-->

	<#include '/commonFriendLink.ftl'>

</div></section>
<!--主要部分结束-->

<#include '/baseFoot.ftl'>
</body>
</html>